<template>
  <fieldset>
    <legend>App组件</legend>
    <!-- <CustomDirective /> -->
    <!-- <setup :num="num">
      <h1>一个插槽</h1>
    </setup> -->
    <!-- <refCom></refCom> -->
    <!-- <watchCom :testVal="testVal"></watchCom> -->
    <!-- <watchEffectCom></watchEffectCom> -->
    <watchEffectExam></watchEffectExam>
  </fieldset>
</template>
<script setup>
import CustomDirective from "./components/CustomDirective.vue";
import setup from "./components/setup.vue";
import refCom from "./components/ref.vue";
import watchCom from "./components/watchCom.vue";
import watchEffectCom from "./components/watchEffect.vue";
import watchEffectExam from "./components/watchEffect失效函数的应用.vue";
import { ref } from "vue";
let testVal = ref("德国");
</script>

<style scoped></style>
